@media screen and (width <= 768px) {
	.arco-modal {
		width: 90% !important;
	}
}
.basic-modal .arco-modal {
	@apply overflow-hidden !rounded-3;
}
.basic-modal .arco-modal .arco-modal-header {
	border-bottom: 1px solid #f1f2f3;
	@apply flex justify-between px-20px;
}
.basic-modal .arco-modal .arco-modal-header .arco-modal-close-btn {
	@apply text-base top-2 right-2 text-[#2D2E33];
}
.basic-modal .arco-modal .arco-modal-body {
	box-sizing: border-box;
	@apply px-5 py-6 text-[#2d2e33] min-h-100px;
}
.basic-modal .arco-modal .arco-modal-body .a-form-item {
	margin-bottom: 24px;
}
.basic-modal .arco-modal .arco-modal-footer {
	border-top: 1px solid #f6f6f6;
	@apply px-5 py-4;
}
.basic-modal .arco-modal .arco-modal-footer .footer {
	@apply flex justify-end items-end gap-x-1rem;
}
.basic-modal .arco-modal .arco-modal-footer .footer .arco-btn {
	min-width: 3rem;
	min-height: 2rem;
}
